<html xmlns:th="http://www.w3.org/1999/xhtml"
      xmlns:layout="http://www.w3.org/1999/xhtml"
      layout:decorator="main/main_layout"
      th:with="flag='official',active='index'">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"/>
    <title>络享跨界营销云平台|品效合一的营销服务系统|资源整合|跨界营销利器！——乐宸</title>
    <meta name="keywords" content="络享，跨界营销，共享营销，整合营销"/>
    <meta name="description" content="络享云营销系统专为企业跨界营销、共享营销、整合营销而打造，帮助企业更快速、低成本建设移动营销平台，高效率的获取客户转化，赢得移动互联网时代的红利。"/>
</head>
<body>
<div layout:fragment="content">

    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <!--<li data-target="#myCarousel" data-slide-to="3"></li>-->
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img width="100%" height="100%" th:src="${domainAssets}+'/images/site/banner-index1.jpg'"
                     alt="First slide"/>
            </div>
            <div class="item">
                <img width="100%" height="100%" th:src="${domainAssets}+'/images/site/banner-index2.jpg'"
                     alt="Second slide"/>
            </div>
            <div class="item">
                <img width="100%" height="100%" th:src="${domainAssets}+'/images/site/banner-index3.jpg'"
                     alt="Third slide"/>
            </div>
            <!--<div class="item">-->
                <!--<img width="100%" height="100%" th:src="${domainAssets}+'/images/third/banner-index4.jpg'"-->
                     <!--alt="Third slide"/>-->
            <!--</div>-->
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="carousel-control left" href="#myCarousel"
           data-slide="prev">&lsaquo;
        </a>
        <a class="carousel-control right" href="#myCarousel"
           data-slide="next">&rsaquo;
        </a>
    </div>


    <section>
        <div class="system-background">

            <div class="container system-feature visible-md visible-lg">
                <div class="mb60">
                    <div class="row">
                        <p class="system-title">络享云营销系统产品</p>
                        <img class="foot_img" th:src="${domainAssets}+'/images/site/base-line.png'"/>
                        <p class="text-center">为各大平台商、商户提供更强大的营销平台</p>
                    </div>
                    <div class="row feature1" style="z-index: 999">
                        <div class="col-md-8"></div>
                        <div class="col-md-4 col-md-offset-11 wipe-left">
                            <h3><a th:href="${routes.path('MAIN_PRODUCTS')}" class="ziyuan-index">资源共享营销生态圈</a></h3>
                            <p class="title-hover" >打造产品、渠道媒介、服务三大资源库，企业快速高效自主匹配所需合作资源，与合作企业共同打造出资源共享的营销生态圈</p>
                            <p>&nbsp;  </p>
                            <img class="index-img2" th:src="${domainAssets}+'/images/site/ziyuangongxiang.png'" alt=""/>
                        </div>
                    </div>
                    <div class="row system-feature">
                        <img class="circle-img visible-md visible-lg" width="34%" th:src="${domainAssets}+'/images/site/index-circle.png'"/>
                        <img class="circle-img visible-xs visible-sm" width="275px" th:src="${domainAssets}+'/images/site/index-circle.png'"/>
                        <img class="background-img" th:src="${domainAssets}+'/images/site/center-logo.png'"/>
                    </div>
                    <div class="row feature4">
                        <div class="col-md-4 feature2">
                            <h3><a th:href="${routes.path('MAIN_PRODUCTS')}" class="ziyuan-index">精准的资金结算体系</a></h3>
                            <p>企业跨界合作营销所产生资金账目自动拆解，分销/分享佣金等一系列费用全自动结算，后台划账，节省大量人力成本。</p>
                            <img class="index-img1" th:src="${domainAssets}+'/images/site/zijinjiesuan.png'" alt=""/>
                        </div>
                        <div class="col-md-4"></div>
                        <div class="col-md-3 feature3 mt100 wipe-padding">
                            <h3><a th:href="${routes.path('MAIN_PRODUCTS')}" class="ziyuan-index">实时大数据分析</a></h3>
                            <h3 class="m-t5"><a th:href="${routes.path('MAIN_PRODUCTS')}" class="ziyuan-index">奠定品效合一的基础</a></h3>
                            <p>系统可跟踪沉淀营销全过程数据，通过可视化图表，清晰体现资源运用效率，为企业营销提供详尽数据资料</p>
                            <img class="index-img3" th:src="${domainAssets}+'/images/site/shujufenxi.png'" alt=""/>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container visible-sm visible-xs">
                <div class="row">
                    <p class="system-title">络享云营销系统产品</p>
                    <img class="foot_img" th:src="${domainAssets}+'/images/site/base-line.png'"/>
                    <p class="text-center">为各大平台商、商户提供更强大的营销平台</p>
                </div>
                <div class="row system-circle">
                    <img class="circle-img" th:src="${domainAssets}+'/images/site/index-circle.png'"/>
                    <img class="background-img" th:src="${domainAssets}+'/images/site/center-logo.png'"/>
                </div>
                <div class="row">
                    <div class="col-md-12 text-center">
                        <h3>资源共享营销生态圈</h3>
                        <p>打造产品、渠道媒介、服务三大资源库，企业快速高效自主匹配所需合作资源，与合作企业共同打造出资源共享的营销生态圈</p>
                    </div>
                    <div class="col-md-12 text-center">
                        <h3>精准的资金结算体系</h3>
                        <p>企业跨界合作营销所产生资金账目自动拆解，分销/分享佣金等一系列费用全自动结算，后台划账，节省大量人力成本。</p>
                    </div>
                    <div class="col-md-12 text-center">
                        <h3>实时大数据分析</h3>
                        <h3 class="m-t5">奠定品效合一的基础</h3>
                        <p>系统可跟踪沉淀营销全过程数据，通过可视化图表，清晰体现资源运用效率，为企业营销提供详尽数据资料</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <p class="system-title">我们的服务</p>
                <img class="foot_img" th:src="${domainAssets}+'/images/site/base-line.png'"/>
            </div>
        </div>


        <div class="panel">
            <div class="container">
                <div class="col-md-7">
                    <img width="100%" class="panel-img" th:src="${domainAssets}+'/images/site/aside-banner.png'"/>
                </div>
                <!--<div class="col-md-1"></div>-->
                <div class="col-md-4 text-center">
                    <p class="panel-title">络享汇</p>
                    <p class="panel-feature">高端跨界营销服务品牌，让您的资源整合更高效</p>
                    <p class="panel-more">
                        <a th:href="${routes.path('MAIN_SERVICE')}" class="panel-detail caseC">了解详情 &nbsp;<i
                                class="icon iconfont icon-xiangyou1 iconYou"></i></a>

                    </p>
                </div>
                <div class="col-md-1"></div>
            </div>
        </div>

        <div class="wipe row lg-solutions">
            <p class="system-title">行业解决方案</p>
            <img class="foot_img" th:src="${domainAssets}+'/images/site/base-line.png'"/>
            <a class="bg-financial" th:background-image="${domainAssets}+'/images/site/jinrong.jpg'" th:href="${routes.path('MAIN_SOLUTION_FINANCE')}">
                <div class="cover">
                    <p>
                        金融
                    </p>
                    <i class="icon iconfont icon-fdj"></i>
                </div>
            </a>
            <a class="bg-colligate" th:background-image="${domainAssets}+'/images/site/jinrong.jpg'" th:href="${routes.path('MAIN_SOLUTION_TRADE')}">
                <div class="cover">
                    <p>商业综合体</p>
                    <i class="icon iconfont icon-fdj"></i>
                </div>
            </a>
            <a class="bg-chamber" th:background-image="${domainAssets}+'/images/site/jinrong.jpg'" th:href="${routes.path('MAIN_SOLUTION_COMMERCE')}">
                <div class="cover">
                    <p>商会</p>
                    <i class="icon iconfont icon-fdj"></i>
                </div>
            </a>
            <a class="bg-media" th:background-image="${domainAssets}+'/images/site/jinrong.jpg'" th:href="${routes.path('MAIN_SOLUTION_MEDIA')}">
                <div class="cover">
                    <p>媒体</p>
                    <i class="icon iconfont icon-fdj"></i>
                </div>
            </a>
        </div>
        <div class="wipe row mt-10">
            <div class="scheme">
                <a th:href="${routes.path('MAIN_SOLUTION')}" class="caseC">更多解决方案 <span class="arrows">&nbsp;></span></a>
            </div>
        </div>
    </section>


</div>
</body>

</html>


